<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			#div1{
				width: 30px;
				height: 30px;
				background: deeppink ;
				
			}
		</style>
	</head>
	<body>
		<div id="div1">
			
		</div>
			<form onsubmit=" return checkForm()">
				<input type="text" name="aaa" id="user_name" value="" />
				<input type="submit" value="提交按钮" id = "input01"/>
			</form>
			<select name="">
				<option value="bj">北京</option>
				<option value="sh">上海</option>
				<option value="sz">深圳</option>
				<option value="gz">广州</option>
			</select>

	</body>
	<script type="text/javascript">
//		$("#div1").mousedown(function(){
//			console.log("这是鼠标按下事件")
//		})
//		$("#div1").mouseup(function(){
//			console.log("这是鼠标抬起事件")
//		})
//		$("#div1").mouseenter(function(){
//			console.log("这是鼠标进入事件")
//		})
//		$('#div1').mouseleave(function(){
//			console.log("这是一个鼠标离开事件")
//		})
//		$("#div1").mouseover(function(){
//			console.log("这是一个鼠标上事件")
//		})
//		$('#div1').mouseout(function(){
//			console.log("这是一个鼠标over事件")
//		})
//		$("#div1").mousemove(function(){
//			console.log("这是一个鼠标移动事件")
//		})
//		$('#div1').hover(function(){
//			$('#div1').css({"border":"1px solid black"})			
//		},function(){
//			$('#div1').css({"border":"5px solid blue"})
//		})

		function checkForm(){
			var val = $('#user_name').val()
			if (val == "lisi"){
				return false
			}
		return true
		}
		$('select').change(function(){
			console.log($(this).prop("value"))
		})
	</script>
</html>
